<script setup lang="ts">
import TileItem from '@/components/tiles/item/TileItem.vue'
const props = defineProps({
    // 麻将牌编码
    tiles: { type: Array, required: true }
}) 

let baseTransformStyle = "rotateX(30deg)";
</script>

<template>
  <div class="played-tiles">
    <template v-for="(value, index) in props.tiles" :key="value + index">
      <TileItem :code="(value as string)" :transformStyle="baseTransformStyle"  :scale="0.8" :style="{'margin-right': 1 + 'px'}"></TileItem>
    </template>
  </div>
</template>

<style scoped>
.played-tiles {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  flex-wrap: wrap;
}
</style>
